<include file="Public:header" /> <include file="Public:navgation" />
<div class="container-fluid main-content">
  <div class="page-title chart-container"> </div>
  <div class="row">
    <div class="col-md-12">
      <div class="widget-container">
        <div class="heading"> <i class="icon-bar-chart"></i>通讯录 <a class="btn btn-default btn pull-right" data-toggle="modal" href="#myModal2" >筛选</a> </div>
        <div class="widget-content padded modal-open">
          <table id="datatable-editable" class="table table-striped table-bordered dataTable">
            <thead>
              <tr>
                <th class="hidden-xs">部门</th>
                <th>姓名</th>
                <th>手机</th>
                <th class=" hidden-xs hidden-sm">QQ</th>
                <th class="hidden-xs">邮箱</th>
                <th class=" hidden-xs hidden-sm hidden-md">地址</th>
                <th class="hidden-xs">入职时间</th>
                <th></th>
              </tr>
            </thead>
            <volist name="list" id="vo" empty="$empty">
              <tr class="data_list">
                <td class="hidden-xs">{$vo.groupname}</td>
                <td>{$vo.name}</td>
                <td>{$vo.tel}</td>
                <td class="hidden-xs hidden-sm">{$vo.QQ}</td>
                <td class="hidden-xs">{$vo.Email}</td>
                <td class=" hidden-xs hidden-sm hidden-md">{$vo.address}</td>
                <td class=" hidden-xs">{:date('Y-m-d',$vo['reg_time'])}</td>
                <td class="text-center"><a class="table-actions fancybox" href="#fancybox"><i class="icon-eye-open"></i></a></td>
              </tr>
            </volist>
          </table>
          <!-- modal2 start-->
          <div class="modal fade" id="myModal2" style="display: none;" aria-hidden="true">
            <div class="modal-dialog">
              <div class="modal-content">
                <form method="post" name="form" id="validate-form" class="form-horizontal" novalidate action="__URL__/index">
                  <div class="modal-header">
                    <button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
                    <h4 class="modal-title">筛选</h4>
                  </div>
                  <div class="modal-body">
                    <fieldset>
                      <div class="form-group">
                        <label class="control-label col-sm-2">职员部门</label>
                        <div  class="col-sm-5">
                          <select class="form-control groupid" name="groupid">
                            <option value="">选择部门</option>
                            <foreach name="grouplist" item="vo">
                              <option value="{$vo.id}">{$vo.title}</option>
                            </foreach>
                          </select>
                        </div>
                        <div class="col-sm-5">
                          <select class="form-control memberid" name="member_id">
                            <option value="">选择职员</option>
                          </select>
                        </div>
                      </div>
                    </fieldset>
                  </div>
                  <div class="modal-footer">
                    <button class="btn btn-primary" type="submit">筛选</button>
                    <button class="btn btn-default-outline" data-dismiss="modal" type="button">关闭</button>
                  </div>
                </form>
              </div>
            </div>
          </div>
          <!-- modal end and fancybox start-->
          <div id="fancybox" style="display: none;">
            <h4 class="text-muted">查看</h4>
            <ul>
            </ul>
          </div>
          <!-- fancybox end --> 
        </div>
      </div>
    </div>
  </div>
</div>
<script type="text/javascript" src="http://tajs.qq.com/stats?sId=9051096" charset="UTF-8"></script> 
<include file="Public:footer" />